<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>【id+群组】选择器</title>
		<style>
		  /* css部分;#别名 */
		  #head{
			  width: 250px;    /*万维网联盟 w3c 规定前端语法规范*/
			  height: 250px;
			  background: #e4393c;
		  }
		  /* id选择器，1个元素只能起1个别名 
		  使用范围:配合切片，作页面结构，如果与类选择器一同使用，以id选择器为主！
		  */
		 .head{
			 width: 150px;    /*万维网联盟 w3c 规定前端语法规范*/
			 height: 150px;
			 background: #55ffff;
		 }
		 /* 群组选择器：    语法 ：  任意选择器，任意选择器{} */
		 .span,#a,sub,s{
			 width: 1000px;
			 height: 1000px;
			 background: #e4393c;
		 }
		  </style>
	</head>
	<body>
		<!-- html部分 div前标记 id="别名" -->
		<div id="head"class="head">Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias commodi magni dolorem esse accusamus. Deserunt animi ratione amet quod, culpa a iusto laboriosam est aut expedita, necessitatibus pariatur vero quidem!</div>
	   <hr>
	   <!-- 行内元素：span -->
	   <span class="span">行内元素</span>
	   <a href="#"id="a">超链接</a>
	   <strong>文本内容</strong>
	   <sub>下标</sub>
	   <s>删除线</s>
	</body>
</html>